<div class="layuimini-container">
    <div class="layuimini-main">
        <button class="layui-btn layui-btn-normal layui-btn-sm {if !auth('system.menu/add')}layui-hide{/if}" data-open="diy.home/add" data-title="添加" data-full="true"><i class="fa fa-plus"></i> 添加</button>
        <div class="list">
            {volist name="row" id="vo"}
            <div class="list-item">
                <div class="list_logo">
                    <img src="{$vo.logo}" alt="">
                </div>
                <div class="list_title">
                    {$vo.title}
                </div>
                <div class="list_btn">
                    <a class="layui-btn layui-btn-sm {if !auth('diy.diy/index')}layui-hide{/if}" target="_blank" href="/admin/diy.diy/index/#/home?id={$vo.id}">配置</a>
                    {if condition="$vo.is_release eq 0"}
                    <a class="layui-btn layui-btn-primary layui-btn-sm {if !auth('diy.home/setRelease')}layui-hide{/if}" data-request="diy.home/setRelease?id={$vo.id}" data-title="您确定发布吗" data-reload="true">发布</a>
                    {/if}
                    <button class="layui-btn layui-btn-normal layui-btn-sm {if !auth('diy.home/edit')}layui-hide{/if}" data-open="diy.home/edit?id={$vo.id}" data-title="编辑" data-full="true">编辑</button>
                    <button class="layui-btn layui-btn-danger layui-btn-sm {if !auth('diy.home/delete')}layui-hide{/if}" data-request="diy.home/delete?id={$vo.id}" data-title="删除" data-full="true">删除</button>
                </div>
            </div>
            {/volist}
        </div>
    </div>
</div>
<script>
    function btn_open() {
        console.log(this)
        window.open("{:url('diy')}")
    }
</script>
<style>
    .list {
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .list-item{
        margin: 10px 10px;
        border: 1px solid #ccc;
        border-radius: 10px;
    }
    .list_logo {
        margin: 10px;
        width: 200px;
        height: 200px;
        overflow: hidden;
        border-radius: 10px
    }
    .list_logo img {
        width: 100%;
        height: 100%;
    }
    .list_title {
        width: 94.7%;
        margin: 0 auto;
        height: 30px;
        line-height: 30px;
    }
    .list_btn {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        margin-bottom: 10px;
    }
</style>